<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<html>
<head>
    <title>意见反馈</title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/common/webuploader/webuploader.css?v={v}(path=${staticPath}, v=${v})}">
</head>
<body>
    <!-- top bar -->
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/index}">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <a class="button button-link button-nav pull-right" id="saveFeedBack" href="javascript:void(0);">
            提交
        </a>
        <h1 class='title title-white unBorder'>意见反馈</h1>
    </header>
    <!-- top bar end-->
    <div class="content wm-content">
        <div class="pr5">
            <div class="list-block">
                <form id="saveFeedBackForm">
                    <input type="hidden" id="imageStr" name="imageUrls" value=""/>
                    <ul>
                        <li>
                            <div class="item-content tqPopTxtarea">
                                <div class="item-input">
                                    <textarea name="context" placeholder="意见反馈，简洁、明了，最多200个字"></textarea>
                                </div>
                            </div>
                            <hr class="ml5">
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="item-content pt5">
                                <div class="clearfix tqImgWrap" id="tqImgWrap">
                                    <span id="def-span-box">
                                        <img id="def-question-img" th:src="@{{path}/front/web/v3/img/default/default-course.gif(path=${staticPath})}" width="auto" height="120" class="img-rounded">
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content pt5" >
                                <div class="item-input">
                                    <div id="feedback-upload-box" class="mobile-upload">
                                        <span class="icon icon-picture vam"></span>
                                        选择图片
                                    </div>
                                </div>
                                <div class="item-after">
                                    <span class="vam fs6 c-888">最多添加4张</span>
                                </div>
                            </div>
                            <hr class="ml5">
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="item-content">
                                <div class="item-input">
                                    <input name="feedBackEmail" type="text" placeholder="请输入联系方式（微信、QQ、手机号）">
                                </div>
                            </div>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</body>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/libs/zepto/deferred.js?v={v}(path=${staticPath}, v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/mobile/libs/zepto/callbacks.js?v={v}(path=${staticPath}, v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/common/webuploader/webuploader.min.js?v={v}(path=${staticPath}, v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/upload/mobile-upload-common.js?v={v}(path=${staticPath}, v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/op/feedback/u-feedback.js?v={v}(path=${staticPath},v=${v})}"></script>
</html>